<template>
	<view>
		<QSWavesButton :plain="true"
			btnStyle="color:rgba(200,200,200,200);background-color: rgba(43,43,43,10);border-color: #000000;"
			wavesColor="rgba(20,20,20,200)" @click="click1" :hoverStayTime="150" :size="mini?'mini':'default'"
			:txt="txt">
		</QSWavesButton>
	</view>
</template>

<script>
	import QSWavesButton from '@/components/QS-WavesButton/QS-WavesButton.vue';
	export default {
		props: ["txt", "mini"],
		data() {
			return {
				userid: 1,
			}
		},
		methods: {
			click1() {
				uni.vibrateShort({
					success: function() {
					}
				});
				this.$emit('click');
			}
		},
		created() {

		},
		components: {
			QSWavesButton
		}
	}
</script>


<style scoped>
	.dj {
		box-shadow: 0 0 8px 0 #eee;
		backdrop-filter: blur(2px);
	}
</style>
